<template>
  <div class="map-container">
    <div id="map"></div>
  </div>
</template>

<script>
  import 'ol/ol.css';
import { Zs } from "@/utils/ol.extend.js";

  export default {
    mounted() {
      const map = new Zs({
        target: 'map',
      });
    },
  };
</script>

<style>
  .map-container {
    width: 100%;
    height: 500px;
  }
</style>